 /* 头尾各个页面相同的样式 */
 /* 版心 */
 .wrapper {
     margin: 0 auto;
     width: 1240px;
 }

 /* 快捷键 */
 .shortcut {
     height: 52px;
     background-color: #333;
 }

 .shortcut .wrapper {
     display: flex;
     justify-content: flex-end;
     height: 52px;
     /* background-color: pink; */
 }

 .shortcut ul {
     display: flex;
     line-height: 52px;

 }

 .shortcut li a {
     padding: 0 15px;
     border-right: 1px solid #999;
     font-size: 14px;
     color: #fff;

 }

 /* .shortcut li:nth-child(7) a{
    border-right: 0 ;
 }
  */
 .shortcut li:last-child a {
     border-right: 0 solid #000;
 }

 .shortcut li .iconfont {
     margin-right: 4px;
     vertical-align: middle;
 }

 .shortcut li .login {
     color: #5eb69c;
 }

 /* 头部 */
 .heard {
     display: flex;
     margin-top: 22PX;
     margin-bottom: 22PX;
     height: 88px;
     /* background-color: pink; */
 }

 /* logo */
 .logo {
     margin-right: 40px;
     width: 200px;
     height: 88px;
     background-color: skyblue;
 }

 .logo a {
     display: block;
     width: 200px;
     height: 88px;
     background-image: url(../images/logo.png);
     font-size: 0;
 }

 /* 导航 */
 .nav {
     margin-top: 33px;
     margin-right: 28px;
 }

 .nav ul {
     display: flex;
 }

 .nav li {
     margin-right: 47px;
 }

 .nav li a {
     padding-bottom: 10px;
     /* background-color: skyblue; */
 }

 .nav li a:hover {
     border-bottom: 2px solid #5eb69c;
     color: #5eb69c;
 }

 /* 搜索 */
 .search {
     display: flex;
     margin-top: 33px;
     margin-right: 45px;
     width: 170px;
     height: 34px;
     border-bottom: 2px solid #f4f4f4;
 }

 .search .iconfont {
     margin-right: 8px;
     font-size: 18px;
     color: #ccc;
 }

 .search input {
     /* 浏览器优先生效 input 标签的默认宽度 所以 flex：1 不生效 */
     /* 解决办法：重置input默认宽度 width：0 */
     flex: 1;
     width: 0;
 }

 .search input::placeholder {
     font-size: 16px;
     color: #ccc;
 }

 /* 购物车 */
 .cart {
     position: relative;
     margin-top: 32px;
 }

 .cart .iconfont {
     font-size: 24px;
 }

 .cart i {
     position: absolute;
     top: 1px;
     /* right 定位右对齐 如果文字太多 向左撑开 可能盖住其他东西 */
     /* right: 1px; */
     /* left 定位左对齐 文字过多 向右撑开 */
     left: 15px;
     padding: 0 6px;
     height: 15px;
     background-color: #e26327;
     border-radius: 8px;
     font-size: 14px;
     color: #fffefe;
     line-height: 15px;
 }